<template>
  <div class="cms-s-header">
    <h1 @click="goback">&nbsp<</h1>
    <h1 class="page-title">{{title}}</h1>
  </div>
</template>

<script>
	export default {
		name: 'nav-bar',
    props:['title'],
		data () {
			return {}
		},
    methods:{
			goback(){
				this.$router.go(-1)
      }
    }
	}
</script>

<style scoped>

  .cms-s-header{
    background-color: #f7f7f7;
    height:40px;
  }
  .tmpl h1{
    display: inline-block;
    line-height: 20px;
  }
  .page-title{
    margin-left: 25%;
  }
</style>